{**
 * 课程页
 *
 * @link    http://zhouhuajian.website
 * @package zhouhuajian.website
 * @author  zhouhuajian
 * @version v1.0
 *}
<div id="course-wrap" class="main-wrap course-wrap hide">
    <h1 class="nav-title">原创知识分享</h1>
    <div class="nav-item">
        <div class="cate">
            操作系统：
        </div>
        <div class="course">
            <div class="course-btn">
                <a href="#course/linux" class="btn btn-deep-blue">Linux</a>
            </div>
        </div>
    </div>
    <div class="nav-item">
        <div class="cate">
            开发语言：
        </div>
        <div class="course">
            <div class="course-btn">
                <a href="#course/php" class="btn btn-deep-blue">PHP</a>
            </div>
            <div class="course-btn">
                <a href="#course/java" class="btn btn-deep-blue">Java</a>
            </div>
            <div class="course-btn">
                <a href="#course/python" class="btn btn-deep-blue">Python</a>
            </div>
            <div class="course-btn">
                <a href="#course/golang" class="btn btn-deep-blue">Golang</a>
            </div>
        </div>
    </div>
    <div class="nav-item">
        <div class="cate">
            网站前端：
        </div>
        <div class="course">
            <div class="course-btn">
                <a class="btn btn-deep-blue">HTML</a>
            </div>
            <div class="course-btn">
                <a class="btn btn-deep-blue">CSS</a>
            </div>
            <div class="course-btn">
                <a class="btn btn-deep-blue">Javascript</a>
            </div>
        </div>
    </div>
    <div class="nav-item">
        <div class="cate">
            其他：
        </div>
        <div class="course">
            <div class="course-btn">
                <a href="#course/personal-website" class="btn btn-deep-blue">个人网站项目实例</a>
            </div>
            <div class="course-btn">
                <a class="btn btn-deep-blue">Markdown</a>
            </div>
            <div class="course-btn">
                <a class="btn btn-deep-blue">Elasticsearch</a>
            </div>
            <div class="course-btn">
                <a class="btn btn-deep-blue">Git</a>
            </div>
            <div class="course-btn">
                <a class="btn btn-deep-blue">键盘</a>
            </div>
            <div class="course-btn">
                <a class="btn btn-deep-blue">浏览器</a>
            </div>
        </div>
    </div>
    <!-- 视频分享 导航 结束 -->
    <div id="course/personal-website" class="course-item">
        <h1 class="title">个人网站项目实例</h1>
        <img class="cover" src="/static/image/course/personal_website.jpg" alt="" />
        <div class="course-detail">
            <div class="detail-item">
                <div class="label">简介：</div>
                <div class="detail detail-intro">这是简介。</div>
            </div>
            <div class="detail-item">
                <div class="label">视频：</div>
                <div class="detail">
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">网易云课堂</a>
                    </div>
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">CSDN学院</a>
                    </div>
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">腾讯课堂</a>
                    </div>
                </div>
            </div>
            <div class="detail-item">
                <div class="label">资料：</div>
                <div class="detail">
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">百度网盘</a>
                    </div>
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">腾讯微云</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 个人网站制作 项目实例 结束 -->
    <div id="course/java" class="course-item">
        <h1 class="title">Java</h1>
        <img class="cover" src="/static/image/course/java.jpg" alt="" />
        <div class="course-detail">
            <div class="detail-item">
                <div class="label">简介：</div>
                <div class="detail detail-intro">这是简介。</div>
            </div>
            <div class="detail-item">
                <div class="label">视频：</div>
                <div class="detail">
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">网易云课堂</a>
                    </div>
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">CSDN学院</a>
                    </div>
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">腾讯课堂</a>
                    </div>
                </div>
            </div>
            <div class="detail-item">
                <div class="label">资料：</div>
                <div class="detail">
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">百度网盘</a>
                    </div>
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">腾讯微云</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- java 结束 -->
    <div id="course/python" class="course-item">
        <h1 class="title">Python</h1>
        <img class="cover" src="/static/image/course/python.jpg" alt="" />
        <div class="course-detail">
            <div class="detail-item">
                <div class="label">简介：</div>
                <div class="detail detail-intro">这是简介。</div>
            </div>
            <div class="detail-item">
                <div class="label">视频：</div>
                <div class="detail">
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">网易云课堂</a>
                    </div>
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">CSDN学院</a>
                    </div>
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">腾讯课堂</a>
                    </div>
                </div>
            </div>
            <div class="detail-item">
                <div class="label">资料：</div>
                <div class="detail">
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">百度网盘</a>
                    </div>
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">腾讯微云</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Python 结束 -->
    <div id="course/linux" class="course-item">
        <h1 class="title">Linux</h1>
        <img class="cover" src="/static/image/course/linux.jpg" alt="" />
        <div class="course-detail">
            <div class="detail-item">
                <div class="label">简介：</div>
                <div class="detail detail-intro">这是简介。</div>
            </div>
            <div class="detail-item">
                <div class="label">视频：</div>
                <div class="detail">
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">网易云课堂</a>
                    </div>
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">CSDN学院</a>
                    </div>
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">腾讯课堂</a>
                    </div>
                </div>
            </div>
            <div class="detail-item">
                <div class="label">资料：</div>
                <div class="detail">
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">百度网盘</a>
                    </div>
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">腾讯微云</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- linux 结束 -->
    <div id="course/php" class="course-item">
        <h1 class="title">PHP</h1>
        <img class="cover" src="/static/image/course/php.jpg" alt="" />
        <div class="course-detail">
            <div class="detail-item">
                <div class="label">简介：</div>
                <div class="detail detail-intro">这是简介。</div>
            </div>
            <div class="detail-item">
                <div class="label">视频：</div>
                <div class="detail">
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">网易云课堂</a>
                    </div>
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">CSDN学院</a>
                    </div>
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">腾讯课堂</a>
                    </div>
                </div>
            </div>
            <div class="detail-item">
                <div class="label">资料：</div>
                <div class="detail">
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">百度网盘</a>
                    </div>
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">腾讯微云</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- PHP 结束 -->
    <div id="course/golang" class="course-item">
        <h1 class="title">Golang</h1>
        <img class="cover" src="/static/image/course/golang.jpg" alt="" />
        <div class="course-detail">
            <div class="detail-item">
                <div class="label">简介：</div>
                <div class="detail detail-intro">这是简介。</div>
            </div>
            <div class="detail-item">
                <div class="label">视频：</div>
                <div class="detail">
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">网易云课堂</a>
                    </div>
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">CSDN学院</a>
                    </div>
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">腾讯课堂</a>
                    </div>
                </div>
            </div>
            <div class="detail-item">
                <div class="label">资料：</div>
                <div class="detail">
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">百度网盘</a>
                    </div>
                    <div class="detail-btn">
                        <a class="btn btn-deep-blue">腾讯微云</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- golang 结束 -->
</div>
<!-- 视频分享页结束 -->